<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <meta name="Author" content="Jenny.Zhan">
  <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />
  <meta name="format-detection" content="telephone=no" />
  <title><{$view.name}></title>
  <link rel="stylesheet" href="<{$ipath}>minisite/hotel/css/base.css">
  <link rel="stylesheet" href="<{$ipath}>minisite/hotel/css/layout.css">
</head>
<body>
<div id="main" class="hotel">
	<!--顶部开始-->
	<div class="hotel-head">
		<div class="h-logo fl"><img src="<{if !empty($view.logo)}><{$view.logo}><{else}><{$ipath}>minisite/hotel/img/hotel_logo.png<{/if}>"></div>
		<div class="h-detail fl">
			<h3 class="h-tit-1">
				<{$view.name}><br />
				<{$view.ename}>
			</h3>
			<h1 class="h-tit-2"><{$view.name}></h1>
			<!--<div class="h-level oh">
				<i class="star-on"><img src="<{$ipath}>minisite/hotel/img/star_on.png" /></i>
				<i class="star-on"><img src="<{$ipath}>minisite/hotel/img/star_on.png" /></i>
				<i class="star-on"><img src="<{$ipath}>minisite/hotel/img/star_on.png" /></i>
				<i class="star-on"><img src="<{$ipath}>minisite/hotel/img/star_on.png" /></i>
				<i class="star-on"><img src="<{$ipath}>minisite/hotel/img/star_off.png" /></i>
			</div>-->
			<!--<div class="h-other oh">
				<a class="basic-btn-2"><img src="<{$ipath}>minisite/hotel/img/hotel_ico_1.png" /></a>
				<a class="basic-btn-2"><img src="<{$ipath}>minisite/hotel/img/hotel_ico_2.png" /></a>
			</div>-->
		</div>
	</div><!--顶部结束-->
	<!--主菜单按钮开始-->
	<ul class="hotel-nav pf">
		<li class="item1 fl"><a href="?a=hshow&hid=<{$hid}>&type=1"><img src="<{$ipath}>minisite/hotel/img/nav_1.png" /></a></li>
		<li class="item2 fr"><a href="?a=hshow&hid=<{$hid}>&type=3"><img src="<{$ipath}>minisite/hotel/img/nav_2.png" /></a></li>
		<li class="item3 fl"><a href="?a=hshow&hid=<{$hid}>&type=2"><img src="<{$ipath}>minisite/hotel/img/nav_3.png" /></a></li>
		<li class="item4 fr"><a href="?a=ucenter&hid=<{$hid}>"><img src="<{$ipath}>minisite/hotel/img/nav_4.png" /></a></li>
	</ul><!--主菜单按钮结束-->
	<!--底部按钮开始-->
	<div class="hotel-tool pf">
		<a class="basic-btn tc fl" href="?a=booking&hid=<{$hid}>"><img src="<{$ipath}>minisite/hotel/img/btn_home_1.png" /></a>
		<a class="btn-hotline fr" href="tel:<{$view.tel}>"><img src="<{$ipath}>minisite/hotel/img/btn_home_2.png" /></a>
	</div><!--底部按钮结束-->
</div>
<script src="<{$ipath}>public/js/jquery.js"></script>
<script>
	var w = $(document).width(),
		h = $(document).height();
	$('.hotel').height(h);
	

	var count = 1;
	var arrbg = new Array();
	<{foreach item=v key=k from=$view.pic name=foo}>
	<{if $smarty.foreach.foo.first}>$('.hotel').css({'background-image': 'url(<{$v}>)'});<{/if}>
		arrbg[<{$k}>]="<{$v}>";
	<{/foreach}>
	function scrollBg(){
		if (count>=arrbg.length){
			count = 0;
		}
		$('.hotel').css({'background-image': 'url('+arrbg[count]+')'})
		count++;
	}
	var init = setInterval("scrollBg()", 4000);
</script>
</body>
</html>